<h3>Account Information</h3>
<table>
    <tr>
        <td>First name:</td>
        <td><input type="text" name="firstName" value="${loginAccount.firstName}" ></td>
    </tr>
    <tr>
        <td>Last name:</td>
        <td><input type="text" name="lastName" value="${loginAccount.lastName}"></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><input type="text" size="40" name="email" value="${loginAccount.email}"></td>
    </tr>
    <tr>
        <td>Phone:</td>
        <td><input type="text" name="phone" value="${loginAccount.phone}"></td>
    </tr>
    <tr>
        <td>Address 1:</td>
        <td><input type="text" size="40" name="address1" value="${loginAccount.address1}"></td>
    </tr>
    <tr>
        <td>Address 2:</td>
        <td><input type="text" size="40" name="address2" value="${loginAccount.address2}"></td>
    </tr>
    <tr>
        <td>City:</td>
        <td><input type="text" name="city" value="${loginAccount.city}"></td>
    </tr>
    <tr>
        <td>State:</td>
        <td><input type="text" name="state" value="${loginAccount.state}"></td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td><input type="text" size="10" name="zip" value="${loginAccount.zip}"></td>
    </tr>
    <tr>
        <td>Country:</td>
        <td><input type="text" size="15" name="country" value="${loginAccount.country}"></td>
    </tr>
</table>

<h3>Profile Information</h3>

<table>
    <tr>
        <td>Language Preference:</td>
        <td>
            <select name="languagePreference" >
                <option value="english" ${sessionScope.loginAccount.languagePreference == 'english' ? 'selected' : ''}>english</option>
                <option value="chinese" ${sessionScope.loginAccount.languagePreference == 'chinese' ? 'selected' : ''}>chinese</option>

            </select>
        </td>
    </tr>
    <tr>
        <td>Favourite Category:</td>
        <td>
            <select name="favouriteCategoryId">
                <option value="BIRDS" ${sessionScope.loginAccount.favouriteCategoryId == 'BIRDS' ? 'selected' : ''}>BIRDS</option>
                <option value="FISH" ${sessionScope.loginAccount.favouriteCategoryId == 'FISH' ? 'selected' : ''}>FISH</option>
                <option value="DOGS" ${sessionScope.loginAccount.favouriteCategoryId == 'DOGS' ? 'selected' : ''}>DOGS</option>
                <option value="REPTILES" ${sessionScope.loginAccount.favouriteCategoryId == 'REPTILES' ? 'selected' : ''}>REPTILES</option>
                <option value="CATS" ${sessionScope.loginAccount.favouriteCategoryId == 'CATS' ? 'selected' : ''}>CATS</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Enable MyList</td>
        <td><input type="checkbox" name="listOption" value="1" checked></td>
    </tr>
    <tr>
        <td>Enable MyBanner</td>
        <td><input type="checkbox" name="bannerOption" value="1" checked></td>
    </tr>

</table>
